<%-- 
    Document   : index
    Created on : May 14, 2012, 8:39:12 AM
    Author     : NDC
--%>

<%@page import="aptech.entities.ScheduleActivity"%>
<%@page import="java.util.List"%>
<%@page import="aptech.container.Constants"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
    <head profile="http://gmpg.org/xfn/11">
        <title>Academic Education</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="imagetoolbar" content="no" />
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
        <link rel="stylesheet" href="styles/myCss.css" type="text/css" />
        <!-- Homepage Specific Elements -->
        <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
        <script type="text/javascript" src="scripts/jquery-ui-1.7.2.custom.min.js"></script>
        <script type="text/javascript" src="scripts/jquery.tabs.setup.js"></script>
        <script type="text/javascript" src="scripts/index.js"></script>
        <script type="text/javascript" src="scripts/UI.js"></script>
        <script type="text/javascript" src="scripts/validate.js"></script>
        <!-- End Homepage Specific Elements -->
    </head>
    <body id="top">
        <div class="wrapper row1">
            <div id="header" class="clear">
                <div class="fl_left">
                    <h1><a href="index.jsp">KSC Academic Education</a></h1>
                    
                </div>

                <div id="RegisterContainer">
                    <div id="RegisterDiv" style="display:none">
                        <div style="">
                            <table id="table_register" style="display:none">
                                <tr>
                                    <td id="registerS" colspan="3" style="padding-left: 60px;"><h1>Register Form</h1></td>
                                </tr>
                                <tr>
                                    <td >Email :</td>
                                    <td ><input type="text" id="txtEmail" name="txtEmail" /></td>
                                    <td ><label id="errorMail" style="color: red;"></label></td>
                                </tr>
                                <tr>
                                    <td >Username :</td>
                                    <td><input type="text" id="txtname" name="txtName" /></td>
                                    <td ><label id="errorName" style="color: red;"></label></td>
                                </tr>
                                <tr>
                                    <td >Password :</td>
                                    <td><input type="password" id="txtPassword" name="txtPassword" /></td>
                                    <td ><label id="errorPass" style="color: red;"> </label></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><input type="button" class="SubmitButton" id="SubmitRegister" value="Submit" onclick="registerForm()" /> <input type="button" class="CancelButton" id="CancelRegister" value="Cancel" onclick="closeRegisterForm()" /></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div id="loginContainer">
                    <div id="loginDiv" style="display: none;">
                        <div style="padding-top: 15px; padding-left: 2px;">
                            <table id="table_login" style="display: none;">
                                <tr >
                                    <th colspan="4" style="padding-top: 0px; padding-left: 6px"><label id="lblInfor" style="color: red;"></label></th>
                                </tr>
                                <tr>
                                    <td style="padding-top: 6px; padding-right: 1px; padding-left: 7px">Username</td>
                                    <td  style="padding-left: 10px">Password</td>
                                </tr>
                                <tr>
                                    <td ><input type="text" id="txtUsername" ></input></td>
                                    <td ><input type="password" id="txtPass"></input><input type="hidden" id="typeLogin" /></td>
                                    <td ><input type="button" class="SubmitButton" id="SubmitLogin" value="Submit" onclick="submitLogin()"></input></td>
                                    <td ><input type="button" class="CancelButton"  onclick="closeLoginForm()" id="CancelLogin" value="Cancel"></input></td>
                                </tr>
                                <tr>
                                    <td style="padding-left: 8px;"><label onclick="openForgotPass()" style="cursor: pointer;color:blue;">Forgot Password</label></td>
                                </tr>
                            </table>
                            <table id="table_forgotPass" style="display: none;padding-left: 0px;">
                                <tr>
                                    <td>Email Address:</td>
                                </tr>
                                <tr>
                                    <td style=""><input type="text" id="txtEmail" ></input></td>
                                    <td style=""><input type="hidden" id="typeForgot" /></td>
                                    <td ><input type="button" class="SubmitButton" id="SubmitForgot" value="Submit" onclick=""></input></td>
                                    <td ><input type="button" class="CancelButton"  onclick="closeLoginForm()" id="CancelLogin" value="Cancel"></input></td>
                                </tr>
                                <tr>
                                    <td style="padding-left: 8px;"><label onclick="openForgotPass()" style="cursor: pointer;color:blue;">Back</label></td>
                                </tr>
                            </table>
                        </div>

                    </div>
                </div>
                <div class="fl_right">
                    <ul id="menu_top">
                        <li><a style="cursor: pointer;">Home</a></li>
                        <li><a style="cursor: pointer;">Contact Us</a></li>
                        <li><a style="cursor: pointer;" id="RegisterF" onclick="openResgisterForm()">Register</a></li>
                        <li id="stuLogin"><a style="cursor: pointer;" onclick="OpenLoginForm('stuLogin')">Login</a></li>
                        <li id="staLogin" class="last"><a style="cursor: pointer;" onclick="OpenLoginForm('staLogin')">Admin Login</a></li>

                    </ul>
                    <form action="#" method="post" id="sitesearch">
                        <fieldset id="searchDiv">
                            <strong>Search:</strong>
                            <input type="text" value="Search Our Website&hellip;" onfocus="this.value=(this.value=='Search Our Website&hellip;')? '' : this.value ;" />
                            <input type="image" src="images/search.gif" id="search" alt="Search" />
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper row2" id="wrapper_row2">
            <div class="rnd">
                <!-- ###### -->
                <div id="topnav">
                    <ul style="text-align: left; padding-left: 30px;">
                        <li class="active"><a href="index.jsp">Home</a></li>
                        <li class="last"><a href="#">Gallery</a></li>
                        <!--<li><a href="#">Full Width</a></li>
                        <li><a href="#">3 Columns</a></li>
                        <li><a href="#">Portfolio</a></li>
                        <li><a href="#">Gallery</a></li>
                        <li><a href="#">This a very long link</a></li>
                        <li class="last"><a href="#">This is the last</a></li>-->
                    </ul>
                </div>
                <!-- ###### -->
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper">
            <div id="featured_slide" class="clear">
                <!-- ###### -->
                <div class="overlay_left"></div>
                <div id="featured_content">
                    <div class="featured_box" id="fc1"><img src="images/demo/slider/1.gif" alt="" />
                        <div class="floater">
                            <h2>Nullamlacus dui ipsum</h2>
                            <p>Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.</p>
                            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
                        </div>
                    </div>
                    <div class="featured_box" id="fc2"><img src="images/demo/slider/2.gif" alt="" />
                        <div class="floater">
                            <h2>Aliquatjusto quisque nam</h2>
                            <p>Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.</p>
                            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
                        </div>
                    </div>
                    <div class="featured_box" id="fc3"><img src="images/demo/slider/3.gif" alt="" />
                        <div class="floater">
                            <h2>Aliquatjusto quisque nam</h2>
                            <p>Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.</p>
                            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
                        </div>
                    </div>
                    <div class="featured_box" id="fc4"><img src="images/demo/slider/4.gif" alt="" />
                        <div class="floater">
                            <h2>Aliquatjusto quisque nam</h2>
                            <p>Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.</p>
                            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
                        </div>
                    </div>
                    <div class="featured_box" id="fc5"><img src="images/demo/slider/5.gif" alt="" />
                        <div class="floater">
                            <h2>Dapiensociis temper donec</h2>
                            <p>Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.</p>
                            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
                        </div>
                    </div>
                </div>
                <ul id="featured_tabs">
                    <li><a href="#fc1">All About The University</a></li>
                    <li><a href="#fc2">Why You Should Study With Us</a></li>
                    <li><a href="#fc3">Education And Student Experience</a></li>
                    <li><a href="#fc4">Alumni And Its Donors</a></li>
                    <li class="last"><a href="#fc5">Latest University News &amp; Events</a></li>
                </ul>
                <div class="overlay_right"></div>
                <!-- ###### -->
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper row3">
            <div class="rnd">
                <div id="container" class="clear">
                    <!-- ####################################################################################################### -->
                    <div id="homepage" class="clear">
                        <!-- ###### -->
                        <div id="left_column">
                            <h2>Prospective Students</h2>
                            <div class="imgholder"><a href="#"><img src="images/demo/220x80.gif" alt="" /></a></div>
                            <h2>Current Students</h2>
                            <div class="imgholder"><a href="#"><img src="images/demo/220x80.gif" alt="" /></a></div>
                            <h2>International Students</h2>
                            <div class="imgholder"><a href="#"><img src="images/demo/220x80.gif" alt="" /></a></div>
                            <h2>Alumni</h2>
                            <div class="imgholder"><a href="#"><img src="images/demo/220x80.gif" alt="" /></a></div>
                        </div>
                        <!-- ###### CENTER-->
                        <div id="latestnews">
                            <h2>+ List Schedule Activities today on going </h2>
                            <jsp:include page="LoadDataServlet?type=getschedulesongoing" />
                            <ul>
                            <%List<ScheduleActivity> listOnGoing = (List<ScheduleActivity>)request.getAttribute(Constants.GET_SCHEDULES_ONGOING);
                                for (int i = 0; i < listOnGoing.size(); i++) {%>
                                    <li class="clear">
                                        <div>
                                            <p style="font-family: Georgia;"><a style="color: #0377BA;" href="LoadDataServlet?type=getactivitiesbyscheduleid&scheduleid=<%=listOnGoing.get(i).getScheduleActivityId()%>">
                                                <%out.println(listOnGoing.get(i).getTitleScheduleActivity());%>
                                            </a></p>
                                            <p style="font-family: Times New Roman; font-size: 13px;">
                                                Address: <% out.println(listOnGoing.get(i).getAddressTakePlace()); %>
                                            </p>
                                            <p style="font-family: Times New Roman; font-size: 11px;" align="right">
                                                <%out.println(listOnGoing.get(i).getStartDateSchedule() + " - " + listOnGoing.get(i).getEndDateSchedule());%>
                                            </p>

                                        </div>
                                    </li>
                            <%}%>
                            </ul>
                            <h2>+ List Schedule Activities coming up</h2>
                            <jsp:include page="LoadDataServlet?type=getschedules" />
                            <ul>
                            <%List<ScheduleActivity> list = (List<ScheduleActivity>)request.getAttribute(Constants.GET_SCHEDULES_COMING_SOON);
                                for (int i = 0; i < list.size(); i++) {%>
                                    <li class="clear">
                                        <div>
                                            <p style="font-family: Georgia;"><a style="color: #0377BA;" href="LoadDataServlet?type=getactivitiesbyscheduleid&scheduleid=<%=list.get(i).getScheduleActivityId()%>">
                                                <%out.println(list.get(i).getTitleScheduleActivity());%>
                                            </a></p>
                                            <p style="font-family: Times New Roman; font-size: 13px;">
                                                Address: <% out.println(list.get(i).getAddressTakePlace()); %>
                                            </p>
                                            <p style="font-family: Times New Roman; font-size: 11px;" align="right">
                                                <%out.println(list.get(i).getStartDateSchedule() + " - " + list.get(i).getEndDateSchedule());%>
                                            </p>
                                            
                                        </div>
                                    </li>
                            <%}%>
                            </ul>
                            <!--<ul>
                                <li class="clear">
                                    <div class="imgl"><img src="images/demo/imgl.gif" alt="" /></div>
                                    <div>
                                        <p><a style="color: #0377BA" href="#">Sentumquisque morbi dui congue.</a></p>
                                        <p>This is a W3C compliant free website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. This template is distributed using a <a href="http://www.os-templates.com/template-terms">Website Template Licence</a></p>
                                    </div>
                                </li>
                                <li class="clear">
                                    <div class="imgl"><img src="images/demo/imgl.gif" alt="" /></div>
                                    <div >
                                        <p><a href="#">Sentumquisque morbi dui congue.</a></p>
                                        <p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files.</p>
                                    </div>
                                </li>
                                <li class="last clear">
                                    <div class="imgl"><img src="images/demo/imgl.gif" alt="" /></div>
                                    <div >
                                        <p><a href="#">Sentumquisque morbi dui congue.</a></p>
                                        <p> For more CSS templates visit <a href="http://www.os-templates.com/">Free Website Templates</a>. Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.</p>
                                    </div>
                                </li>
                            </ul>
                            <p class="readmore"><a href="#">Click here to view all of the latest news and events &raquo;</a></p>-->
                        </div>
                        <!-- ###### -->
                        <div id="right_column">
                            <div class="holder">
                                <h2>Virtual Tour</h2>
                                <a href="#"><img src="images/demo/video.gif" alt="" /></a> </div>
                            <div class="holder">
                                <h2>Quick Information</h2>
                                <div class="apply"><a href="#"><img src="images/demo/100x100.gif" alt="" /> <strong>Make An Application</strong></a></div>
                                <div class="apply"><a href="#"><img src="images/demo/100x100.gif" alt="" /> <strong>Order A Prospectus</strong></a></div>
                            </div>
                        </div>
                        <!-- ###### -->
                    </div>
                    <!-- ####################################################################################################### -->
                    <div id="twitter" class="clear">
                        <div class="fl_left"><a href="#">Follow Us On Twitter</a></div>
                        <div class="fl_right">Inteligula congue id elis donec sce sagittis intes id laoreet aenean. Massawisi condisse leo sem ac tincidunt nibh quis dui fauctor et donecnibh elis velit <a href="#">@name</a> - 10:15 AM yesterday</div>
                    </div>
                    <!-- ####################################################################################################### -->
                    <div id="academiclinks" class="clear">
                        <h2>Quickly Find What You Are Looking For</h2>
                        <div class="linkbox">
                            <ul>
                                <li><a href="#">&raquo; Academic Advisory</a></li>
                                <li><a href="#">&raquo; Academic Assistance</a></li>
                                <li><a href="#">&raquo; Academic Calendars</a></li>
                                <li><a href="#">&raquo; Academics Office</a></li>
                                <li><a href="#">&raquo; Administration</a></li>
                                <li><a href="#">&raquo; Adult Learners</a></li>
                                <li><a href="#">&raquo; Alumni Chapters</a></li>
                                <li><a href="#">&raquo; Alumni Events</a></li>
                                <li><a href="#">&raquo; Athletics</a></li>
                                <li><a href="#">&raquo; Campus Life At a Glance</a></li>
                                <li><a href="#">&raquo; Campus Recreation</a></li>
                                <li><a href="#">&raquo; Campus Safety &amp; Security</a></li>
                            </ul>
                        </div>
                        <div class="linkbox">
                            <ul>
                                <li><a href="#">&raquo; Class Schedules</a></li>
                                <li><a href="#">&raquo; Counselling Center</a></li>
                                <li><a href="#">&raquo; Course Descriptions and Catalogue</a></li>
                                <li><a href="#">&raquo; Department Directory</a></li>
                                <li><a href="#">&raquo; Departments &amp; Programs</a></li>
                                <li><a href="#">&raquo; Fellowships</a></li>
                                <li><a href="#">&raquo; Finals Schedules</a></li>
                                <li><a href="#">&raquo; Financial Aid</a></li>
                                <li><a href="#">&raquo; Fitness and Recreation Facilities</a></li>
                                <li><a href="#">&raquo; Global Learning</a></li>
                                <li><a href="#">&raquo; Graduate</a></li>
                                <li><a href="#">&raquo; Graduate Admissions</a></li>
                            </ul>
                        </div>
                        <div class="linkbox">
                            <ul>
                                <li><a href="#">&raquo; Graduate Health Services</a></li>
                                <li><a href="#">&raquo; Graduate Housing</a></li>
                                <li><a href="#">&raquo; Graduate Programs</a></li>
                                <li><a href="#">&raquo; Graduate Student Association</a></li>
                                <li><a href="#">&raquo; Graduate Studies</a></li>
                                <li><a href="#">&raquo; Honours Program</a></li>
                                <li><a href="#">&raquo; Interactive Schedule</a></li>
                                <li><a href="#">&raquo; International Programs</a></li>
                                <li><a href="#">&raquo; International Students</a></li>
                                <li><a href="#">&raquo; Intramural Sports</a></li>
                                <li><a href="#">&raquo; Language Resources</a></li>
                                <li><a href="#">&raquo; Maps and Directions</a></li>
                            </ul>
                        </div>
                        <div class="linkbox last">
                            <ul>
                                <li><a href="#">&raquo; Office of the Registrar</a></li>
                                <li><a href="#">&raquo; Online Learning</a></li>
                                <li><a href="#">&raquo; Parent Information</a></li>
                                <li><a href="#">&raquo; Residence Life</a></li>
                                <li><a href="#">&raquo; Residential Colleges</a></li>
                                <li><a href="#">&raquo; Schools and Colleges</a></li>
                                <li><a href="#">&raquo; Student Activities</a></li>
                                <li><a href="#">&raquo; Student Affairs</a></li>
                                <li><a href="#">&raquo; Student Development</a></li>
                                <li><a href="#">&raquo; Student Financial Services</a></li>
                                <li><a href="#">&raquo; Student Group Directory</a></li>
                                <li><a href="#">&raquo; Student Life</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- ####################################################################################################### -->
                </div>
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper row4">
            <div class="rnd">
                <div id="footer" class="clear">
                    <!-- ####################################################################################################### -->
                    <div class="fl_left clear">
                        <div class="fl_left center"><img src="images/demo/worldmap.gif" alt="" /><br />
                            <a href="#">Find Us With Google Maps &raquo;</a></div>

                    </div>
                    <div class="fl_right">
                        <div id="social" class="clear">
                            <p>Stay Up to Date With Whats Happening</p>
                            <ul>
                                <li><a style="background-position:0 0;" href="#">Twitter</a></li>
                                <li><a style="background-position:-72px 0;" href="#">LinkedIn</a></li>
                                <li><a style="background-position:-142px 0;" href="#">Facebook</a></li>
                                <li><a style="background-position:-212px 0;" href="#">Flickr</a></li>
                                <li><a style="background-position:-282px 0;" href="#">RSS</a></li>
                            </ul>
                        </div>
                        <div id="newsletter">
                            <form action="#" method="post">
                                <fieldset>
                                    <legend>Subscribe To Our Newsletter:</legend>
                                    <input type="text" value="Enter Email Here&hellip;" onfocus="this.value=(this.value=='Enter Email Here&hellip;')? '' : this.value ;" />
                                    <input type="text" id="subscribe" value="Submit" />
                                </fieldset>
                            </form>
                        </div>
                    </div>
                    <!-- ####################################################################################################### -->
                </div>
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper">
            <div id="copyright" class="clear">
                <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">National Level Paper Presentation</a></p>
                <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">C0910G-FAT1</a></p>
            </div>
        </div>
    </body>
</html>